<head>

	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-1.10.3.custom.min.js"></script>
	<link rel="stylesheet" href="/BackEndRecursosHumanos/app/webroot/css/smoothness/jquery-ui-1.10.3.custom.min.css" />
	  	<script src="/BackEndRecursosHumanos/app/webroot/js/globalize.js"></script>
  	<script src="/BackEndRecursosHumanos/app/webroot/js/moment.min.js"></script>
	<!--<script type="text/javascript" src="/BackEndRecursosHumanos/app/webroot/js/jquery-ui-i18n.js"></script>-->
	
	<style>
	  .selectable .ui-selecting { background: #8C8E92; }
	  .selectable .ui-selected { background: #36393C; color: white; }
	  .selectable { list-style-type: none; margin: 0; width: 60%; }
  	</style>
	<script>
		function seteo_variables()
		{
			

			$('#menu_diasFechaMenuDia').datepicker('setDate',new Date(<?php echo ($fecha_menu+86400)*1000;?>));

			$('#menu_diasSedeEmpresa').val(<?php echo $id_sede ;?>);
			$('#menu_diasTipoMenuId').val(<?php echo $id_tipo_menu ;?>);
			
		}
	</script>
	<script>
		$(function() 
		{
			$( ".date-picker" ).datepicker(
			{
	    		dateFormat: 'mm/dd/yy',
	    		changeMonth: true,
				changeYear: true,
				minDate: 0
	    	});
	    	$( "#accordion" ).accordion(
    		{
    			 heightStyle: "content",
    			 collapsible: true
    		});
    		$(".selectable").bind("mousedown", function(evt) 
    		{
			    evt.metaKey = true;
			}).selectable();
    	
    		$( ".selectable" ).selectable(
    			{
    				
				    stop: function(event, ui) 
					{
					    var el_id = $(this).children("ol").attr("id");
					  
			    		$("#comida_seleccionada").val('');
					    $('.selectable .ui-widget-content.ui-selected').each(function(index) 
					    {
	     					
	     					$("#comida_seleccionada").val($("#comida_seleccionada").val()+","+$(this).attr('id'));

						});
					    
					    $(".selectable ui-widget-content.ui-selected").not("#" + el_id).each(function(index, element) 
					    { 
					       	alert(index);
					       	$(element).toggleClass("ui-selected");
					        
					    });
					}
					
    			}
    		); 
    		
    		 
		});
		
		
	</script>
	
	
	
</head>
<body onload="seteo_variables();">
	
	<center>
		<fieldset>
			<legend>Editar Menu</legend>
			
				
				<?php echo $this->Form->create("menu_dias");
				 
				 
				 ?>
				 
				 
					<table>
						<tr>
							<td>
								<center>
									<fieldset class="fieldset_modulo">
										<legend><b>Información del Ménu</b></legend>
										<center>
											<table>
												<tr>
													<td style="text-align: right">
														Fecha:
													</td>
													<td style ="vertical-align: middle">
														<center>
															<?php echo date('m/d/Y',$fecha_menu);?>
															<input id="menu_diasFechaMenuDia" type="hidden" name="data[menu_dias][fecha_menu_dia]" 
															value ="<?php echo date('m/d/Y',$fecha_menu);?>"> 
														</center>
													</td>
												</tr>
												<tr>
													<td style="text-align: right">
														Tipo Menu:
													</td>
													<td style ="vertical-align: middle">
														<center>
															<?php echo $tipo_menu_nombre?>
															
															<input id="menu_diasTipoMenuId" type="hidden" name="data[menu_dias][tipo_menu_id]" 
															value ="<?php echo $id_tipo_menu?>"> 
														</center>
													</td>
												</tr>
												<tr>
													<td style="text-align: right">
														Sede:
													</td>
													<td style ="vertical-align: middle">
														<center>
															<?php echo $sede_nombre?>
															<input id="menu_diasSedeEmpresa" type="hidden" name="data[menu_dias][sede_empresa]" 
															value ="<?php echo $id_sede?>"> 
														</center>
													</td>
												</tr>
				
											</table>
										</center>
									</fieldset>
								</center>
							</td>
							<td>
								<center>
									<fieldset>
										<legend><b>Comidas Disponibles</b></legend>
											<input type="hidden" name="data[menu_dias][comida_seleccionada]" value="<?php echo $arreglo_de_comida?>"  id="comida_seleccionada" >
											 <div id="accordion">
											 	
												  <?php 
												  	$variable_control = 0;
												  	foreach ($Todos_Tipo_Comidas as $Tipo_Comida) 
												  	{
														  echo '<h3>'.$Tipo_Comida['TipoComida']['nombre_tipo_comida'].'</h3>';
														  echo '<div>';
														  echo '<p>';
														  echo '<table>';
														  echo '<tr>';
														  echo '<td style="text-align: center; vertical-align: middle;">';
														  echo '<div>';
														  echo '<ol id="selectable"  style="text-align: center; width: 100%;" class="selectable">';
			
														  foreach ($Todos_Comidas as $Comida) 
														  {
														  		foreach ($Todos_Menus as $Menu_del_Dia)
																{
																	if ($Comida['Comida']['id'] == $Menu_del_Dia['CM']['comida_id'])
																	{
														  				if ($Comida['Comida']['tipo_comida_id'] == $Tipo_Comida['TipoComida']['id'])
																		{
																			echo '<li id="'. $Comida['Comida']['id'].'" class="ui-widget-content ui-selected" >'.$Comida['Comida']['nombre_comida'].'</li>';
																			$variable_control = 1;
																			break;
																		}	
														  				
																	}
																}
																if ($variable_control == 0)
																{
																	if ($Comida['Comida']['tipo_comida_id'] == $Tipo_Comida['TipoComida']['id'])
																	{
																		echo '<li id="'. $Comida['Comida']['id'].'" class="ui-widget-content" >'.$Comida['Comida']['nombre_comida'].'</li>';
																	}
																	
																}
																else
																{
																	$variable_control = 0;
																}
														  }
														  
														  
														  echo '</ol>';
														  echo '</div>';
														  echo '</td>';
														  echo '</tr>';
														  echo '</table>';
														  echo '</p>';
														  echo '</div>';
														  
													}
														  
												  ?>
												  
												</div>
									<fieldset>
								<center>
							</td>
						</tr>
						
					</table>
				<center>
					<?php
					echo $this->Form->input('Guardar Cambios',array(
																					'id' => 'Guardar_Menu',
																					'type' => 'Submit',	
																					'label' => array('style' => array('display: none;'))
																				)
															);
					?>
				</center>
				
			
		</fieldset>
	</center>
</body>